var vueApp = new Vue({
    el: "#app",
    data: function () {
        return {
            xmlStr: ""
        }
    },
    watch: {
        // 监听xmlStr数据的改变
        xmlStr: function (newVal, oldVal) {
            this.xmlFormat();
        }
    },
    methods: {
        // 格式化
        xmlFormat() {
            axiosDoAjax('POST', ip + '/utils/xmlStr', this.xmlStr, function (result) {
                if (result.code === 0) {
                    $('#xmlformat').jsonViewer(result.data, {
                        collapsed: false, withQuotes: false
                    });
                }
            });
        },
        // 点击格式化
        clickFormat() {
            try {
                this.xmlFormat();
            } catch (e) {
                this.showMsg("ERROR -> " + e, 'error');
            }
        },
        // 复制格式化后的xml字符串
        copyJson() {
            writePaste(this.xmlStr);
            vueObj.showMsg('已复制内容到粘贴板')
        }
    },
    created: function () {
        initShowMsg(this);
        vueObj = this;
    }
})